@charset "UTF-8";
/* CSS Document */

@import url('css-reset-min.css');

body {
	font: normal 13px/1.5em Arial, Helvetica, Geneva, sans-serif;
	color: #555;
}
#app-battleships-520px {
	position: relative;
	margin: 0 auto;
	width: 518px;
	overflow: hidden;
	background:#eee;
	border:1px solid #ccc;
	margin-top:10px;
	color:#333;
}
#header {
	width:518px;
	height:75px;
	margin: 0 auto;
	padding:0;
	background:url(images/header.jpg) no-repeat;
	text-indent:-5000px;	
}
#main {
	width:518px;
}
#footer {
	width:518px;
	padding:10px;	
}
#game_table {
	display:none;	
}
#game_area {
	width:318px;
	float:left;
}
#gametable, #gametable_opponent {
	width:290px;
	margin:0 auto;
	margin-top:13px;
	margin-bottom:13px;
	overflow:hidden;
}
#lobby {
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:199px;
	float:left;	
}
#popup {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background:url(images/transparent75.png) repeat;
	display:none;
}
#popup_area {
	position:absolute;
	width:300px;
	padding:10px;
	height:100px;
	top:50%;
	left:50%;
	margin-left:-160px;
	margin-top:-60px;
	font-weight:bold;
	background:#fff;
	border:1px solid #ccc;
	text-align:center;
}
#popup_message {
}
#activeShip {
	background:#030;	
	color:#fff;
}
#start_game_button, #info_header {
	display:none;	
}
/* CLASSES */
.game_header, .game_info, #info_header {
	padding:5px;
	background:#ccc;
	text-align:center;
	font-weight:bold;
}
.game_info {
	background:#660000;	
	border:1px solid #ccc;
	border-right:0px;
	border-left:0px;
	color:#f5f5f5;
}
.ship {
	float:left;
	padding:5px;
	border-right:1px solid #ccc;
	cursor:pointer;
	border-bottom:1px solid #ccc;
}
.ship:hover {
	background:#333;
	color:#fff;	
}
.close_button {
	display:block;
	width:19px;
	height:19px;
	text-indent:-5000px;
	position:absolute;
	right:10px;
	top:10px;
	background:url(images/close_button.gif) no-repeat;
}
.grid_item, .shipActive, .shipOver, .shipCollision {
	margin:1px;
	width:25px;
	height:25px;
	float:left;
	border:1px solid #ccc;
	cursor:pointer;
	text-indent:-5000px;
	overflow:hidden;
}
.shipActive {
	background:#333 !important;	
}
.shipOver {
	background:#030;	
}
.shipCollision {
	background:#900;	
}
.grid_item:hover {
	background:#ccc;	
}
.lobby_header {
	width:189px;
	padding:5px;
	font-weight:bold;
	background:#ccc;
}
.lobby_item, .lobby_leave {
	width:189px;
	padding:5px;
	border-top:1px solid #ccc;
	cursor:pointer;
}
.open {
	background:#030;
	color:#f5f5f5;
	cursor:pointer;
}
.open:hover, .lobby_leave:hover, .rollover:hover{
	background:#333;
	color:#f5f5f5;
}
.closed, .lobby_leave {
	background:#660000;
	color:#f5f5f5;	
}
.closed {
	cursor:auto;	
}
.center {
	text-align:center;	
}
.clear {
	float:none;
	clear:both;	
}
.green {
	background:#030;
}
.red {
	background:#900;	
}